<template>
  <div class="nav-view">
    <div class="header">
      <a href="" class="header-logo"></a>
      <div class="header-link" id="header_link">
        <a href="https://wap.mail.qq.com">基本版</a>
        &nbsp;|&nbsp;
        <a href="https://en.mail.qq.com?cancel_login=true">English</a>
        &nbsp;|&nbsp;<a href="https://app.mail.qq.com/"
          target="_blank">手机版</a>&nbsp;|&nbsp;<a href="https://exmail.qq.com?referrer=index_top"
          target="_blank">企业邮箱</a></div>
    </div>
  </div>
</template>

<script setup>
// 在这里写 Composition API 代码
</script>

<style scoped lang="scss">
// 在这里写 SCSS 样式
.nav-view {
  // min-height: 200px;

  .header {
    zoom: 1;
    background: #eff4fa;
    border-bottom: 1px solid #d6dfea;
    height: 62px;

    overflow: hidden;

    .header-logo {
      background-image: url(https://res.wx.qq.com/t/webmail/webmail/res/static/images/projects/login/loginpage/qqmail_logo_default_35h.e071fb4.png);

      background-position: 50%;
      background-repeat: no-repeat;
      _display: inline;
      float: left;
      height: 35px;
      margin-left: 17px;
      margin-top: 14px;
      text-indent: -9999em;
      width: 182px;
    }

    .header-link {
      color: #b6b6b6;
      line-height: 30px;
      margin-top: 16px;
      overflow: hidden;
      padding-right: 17px;
      text-align: right;
      a{
            color: #1d5494;
      }
    }
  }
}
</style>
